Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

update about page manifesto section to use reduced padding icons (fix #15679) #15761

Merged
merged 2 commits into from
Dec 17, 2024

Conversation

wen-2018
Copy link
Collaborator

One-line summary

This PR updates about page hero section to use reduced padding icons to better match the designs

Significant changes and points to review

  • About page hero icons
  • Check both ltr and rtl
  • Check various screen sizes

Issue / Bugzilla link

#15679

Testing

http://localhost:8000/en-US/about/

@wen-2018 wen-2018 requested a review from a team as a code owner December 17, 2024 14:34
@wen-2018 wen-2018 added Needs Review Awaiting code review Review: µ Code review time: 5 minutes or less Frontend HTML, CSS, JS... client side stuff Refresh 🦖 Work related to the 2024 site refresh labels Dec 17, 2024
Copy link

codecov bot commented Dec 17, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 79.06%. Comparing base (d59b4fa) to head (12a9564).
Report is 20 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main   #15761   +/-   ##
=======================================
  Coverage   79.06%   79.06%           
=======================================
  Files         160      160           
  Lines        8355     8355           
=======================================
  Hits         6606     6606           
  Misses       1749     1749           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@maureenlholland maureenlholland self-assigned this Dec 17, 2024
Copy link
Collaborator

@maureenlholland maureenlholland left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Height is standardized at 15 ✅
Things are lining up a lot better on inline axis ✅

Suggest adding viewBox attribute to SVGs (I believe this helps preserve the aspect ratio in scaling)

Need a bit of clarification on the design expectation for smaller screen vertical spacing before official approval

media/img/icons/m24-reduced-padding/bell.svg Outdated Show resolved Hide resolved
media/img/icons/m24-reduced-padding/dollar.svg Outdated Show resolved Hide resolved
media/img/icons/m24-reduced-padding/glasses.svg Outdated Show resolved Hide resolved
media/img/icons/m24-reduced-padding/pencil.svg Outdated Show resolved Hide resolved
media/css/m24/feature.scss Outdated Show resolved Hide resolved
Copy link
Collaborator

@maureenlholland maureenlholland left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM r+ :shipit:

@maureenlholland maureenlholland merged commit 9b22516 into mozilla:main Dec 17, 2024
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Frontend HTML, CSS, JS... client side stuff Needs Review Awaiting code review Refresh 🦖 Work related to the 2024 site refresh Review: µ Code review time: 5 minutes or less
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants